<template>
  <div class="tradebox">
  	<Bannerm :bannerimgs="bannerimgs"></Bannerm>
  	<div class="namebox">
  		<h2 class="trade_name">{{tradename}}</h2>
  		<div>
  			<div class="trade_star"><i class="iconfont icon-xing2"></i><i class="iconfont icon-xing2"></i><i class="iconfont icon-xing2"></i><i class="iconfont icon-xing2"></i><i class="iconfont icon-xing2"></i></div>
  			<i class="per-person">人均 ￥{{perperson}}</i>
  		</div>
  	</div>
  	<div class="addressbox titlebox">
  		<div class="icon"><i class="iconfont icon-ditu"></i></div>
  	  <h2 class="trade_address title" >{{tradeaddress}}</h2>
  	  <button class="call" v-on:click="Call"><i class="iconfont icon-phone-line"></i></button>
  	</div>
  	<div class="timebox">
  	  <p class="">营业时间：{{yysj}} </p>
  	  <p class="">配送时间：{{pssj}}</p>
  	</div>
  	<div class="titlebox">
  		<div class="icon"><i class="iconfont icon-gonggao"></i></div>
  	  <h2 class="title" >商家公告</h2>
  	  <div class="more"><i>加载更多 </i><i class="iconfont icon-dayuhao"></i></div> 
  	</div>
  	<div class="noticebox">
  		<ul>
  			<li v-for="notice in notice">
  				<img  :src="notice.imgurl" class="foodimg"/>
  				<div class="right">
  				 	<span><h3 class="foodname">{{notice.name}}</h3><h4 class="foodmake">（{{notice.make}}）</h4><h4 class="foodprice">￥{{notice.price}}</h4></span>
  					<span><h4 class="foodsales">月销{{notice.sales}}份</h4><router-link class="foodxp" to="/food">详情</router-link> </span>
  				</div>
  			</li>
  		</ul>
  	</div>
  	
  	<div class="titlebox">
  		<div class="icon"><i class="iconfont icon-huodong"></i></div>
  	  <h2 class="title" >商家优惠活动</h2>
  	  <div class="more"><i>加载更多 </i><i class="iconfont icon-dayuhao"></i></div> 
  	</div>
  	<div class="favourablebox">
  		<p>周一至周日/部分商品可用/免预约</p>
  		<div class="favourable" v-for="favourable in favourable"><span>￥{{favourable.price1}}</span>&nbsp;代{{favourable.price2}}元 </div>
  	</div>
  	<div class="titlebox">
  	  <h2 class="title">用户评论<span>({{comment}}条)</span></h2>
  	  <div class="more"><i>加载更多 </i><i class="iconfont icon-dayuhao"></i></div> 
  	</div>
  	<div class="commentbox">
  		<div class="commentmake">
  			<i v-for="(commentmake,index) in commentmakes" @touchstart="onmake(index)" :class="index==makeindex?'make':''">{{commentmake.name}}</i>  			
  		</div>
  	</div>
  	<div class="evaluation_box">
    	   <ul class="evaluationlist">
    	   	<li class="evaluation_list" v-for="evaluation in evaluations">
    	   		<img class="user_img" :src="evaluation.userimg"/>
    	   		<div class="evaluation_right">
    	   			<div class="right1">
    	   			 	<h3>{{evaluation.wxnc}}</h3>
    	   			 	<h4>{{evaluation.plsj}}</h4>   	   			 	
    	   			</div>
    	   			<p class="all">
								<input type="radio" name="b" value="0" v-model="inputdata" />
								<span>★</span>
								<input type="radio" name="b" value="1" v-model="inputdata" />
								<span>★</span>
								<input type="radio" name="b" value="2" v-model="inputdata" />
								<span>★</span>
								<input type="radio" name="b" value="3" v-model="inputdata" />
								<span>★</span>
								<input type="radio" name="b" value="4" v-model="inputdata" />
								<span>★</span>
								<input type="radio" name="b" value="5" v-model="inputdata" />
								<span>★</span>
							</p>
    	   			<p class="right3">
    	   			 	{{evaluation.plnr}}   	   			 		   			 	
    	   			</p>
    	   		</div>
    	   	</li>
    	   </ul>
    	</div>
  	
  </div>
</template>

<script src="../assets/js/trade.js"></script>


<style >
.tradebox .swiper-slide{ 
	width: 100%;
	height: 3.22rem;
}
.tradebox .swiper-slide img{
	display: block;
	width: 100%;
	height: 3.22rem;
}
</style>
<style scoped src="../assets/css/trade.css"></style>

